﻿<%@ Page Title="" Language="C#" MasterPageFile="~/UserView.Master" AutoEventWireup="true" CodeBehind="UserIndex.aspx.cs" Inherits="Web.UserIndex" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="static/js/jquery-2.1.1.min.js"></script>
    <link href="static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <script src="static/js/bootstrap.min.js"></script>
    <link href="static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="static/css/css2.css" rel="stylesheet">

    <script src="static/js/jquery.elevateZoom.min.js"></script>
    <script src="static/js/jquery.magnific-popup.min.js"></script>
    <script src="static/js/owl.carousel.min.js"></script>
    <script type="text/javascript" src="static/js/quickview.js"></script>
    <link href="static/css/mahardhi-font.css" rel="stylesheet">
    <link href="static/css/animate.min.css" rel="stylesheet">
    <link href="static/css/owl.carousel.min.css" rel="stylesheet">
    <link href="static/css/owl.theme.default.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="static/css/magnific-popup.css">

    <script src="static/js/mahardhi_search.js"></script>
    <style>
        :root {
            --primary-color: #222222;
            --primary-hover-color: #ff7d01;
            --secondary-color: #ffffff;
            --secondary-light-color: #777777;
            --background-color: #f7f7f7;
            --border-color: #ebebeb
        }
    </style>
    <link href="static/css/stylesheet.css" rel="stylesheet">
    <link href="static/css/swiper.min.css" type="text/css" rel="stylesheet" media="screen">
    <link href="static/css/opencart.css" type="text/css" rel="stylesheet" media="screen">
    <script src="static/js/swiper.jquery.js"></script>
    <script src="static/js/tabs.js"></script>
    <script src="static/js/jquery.cookie.js"></script>
    <script src="static/js/common.js"></script>
    <script src="static/js/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="static/css/jquery-ui.min.css">
    <script src="static/js/custom.js"></script>

    <link href="Content/Css/GoodsCard.css" rel="stylesheet" />
    <link href="Content/Css/UserIndex.css" rel="stylesheet" />
    <style type="text/css">
        .imgBox {
            width: 100%;
            height: 450px;
            margin: 0 auto;
        }

            .imgBox img {
                width: 100%;
                height: 450px;
                margin: 0 auto;
            }

        .img1 {
            display: block;
        }

        .img2 {
            display: none;
        }

        .img3 {
            display: none;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="common-home">
        <div class="slideshow">
            <div class="swiper-viewport">
                <div id="slideshow0" class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide text-center Main-banner1">
                            <a href="#">
                                <img src="Content/Images/banner1.jpg" alt="Main-banner1" class="img-responsive" style="width: 100%;"></a>
                        </div>
                        <div class="swiper-slide text-center Main-banner2">
                            <a href="#">
                                <img src="Content/Images/banner2.jpg" alt="Main-banner2" class="img-responsive"></a>
                        </div>
                        <div class="swiper-slide text-center Main-banner3">
                            <a href="#">
                                <img src="Content/Images/banner4.jpg" alt="Main-banner3" class="img-responsive"></a>
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination slideshow0"></div>
                <div class="swiper-pager">
                    <div class="swiper-button-prev"><i class="icon-left-arrow"></i></div>
                    <div class="swiper-button-next"><i class="icon-send"></i></div>
                </div>
            </div>
            <div class="container">
                <%--登录广告--%>
                <div class="modal fade newsletter-popup" id="newsletter-popup">
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                            <div class="modal-body">
                                <div class="newsletter-wrap clearfix">
                                    <div class="newsletter-content">
                                        <div class="newsletter-content-innner">
                                            <div class="news-logo"></div>
                                            <h3>sign up our newsletter</h3>
                                            <p>Get 20% Instant Discount</p>
                                            <!-- newsletter notofication -->
                                            <div class="newsletter-popup-message">
                                            </div>
                                            <!-- newsletter notofication -->
                                            <div class="newsletter-content-bottom">
                                                <input type="checkbox" id="popup_dont_show_again">
                                                <label for="popup_dont_show_again">Don't show this popup again!</label>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="button" class="newsletter-btn-close close" data-dismiss="modal" aria-label="Close"><i class="icon-close"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="new-Goods">
                    <h1 class="new-text">最新上架</h1>
                    <div class="container page-all">
                        <div class="flex-repeater">
                            <asp:Repeater ID="Repeater1" runat="server">
                                <ItemTemplate>
                                    <div class="GoodsCard">
                                        <a href='GoodsDesc.aspx?GoodsID=<%#Eval("GoodsID") %>'>
                                            <dl>
                                                <dt>
                                                    <img src='Content/Images/Goods/<%#Eval("GoodsPic") %>' alt="Alternate Text" />
                                                </dt>
                                                <dd class="GoodsName"><%#Eval("GoodsName") %></dd>
                                                <dd class="GoodsDESC"><%#Eval("GoodsDESC") %></dd>
                                                <dd class="GoodsPrice">&yen;<%#Eval("GoodsPrice") %></dd>
                                            </dl>
                                        </a>
                                    </div>
                                </ItemTemplate>
                            </asp:Repeater>
                        </div>
                    </div>
                    <p align="center">
                        <asp:Button ID="Button3" runat="server" Text="首页" CssClass="btn btn-sm btn-info" OnClick="Button3_Click" />
                        <asp:Button ID="Button4" runat="server" Text="上一页" CssClass="btn btn-sm btn-info" OnClick="Button4_Click" />
                        <asp:TextBox ID="TextBox1" runat="server" CssClass="pagecode"></asp:TextBox>
                        <asp:Button ID="Button7" runat="server" Text="跳转" CssClass="btn btn-sm btn-info" OnClick="Button7_Click" />
                        <asp:Button ID="Button5" runat="server" Text="下一页" CssClass="btn btn-sm btn-info" OnClick="Button5_Click" />
                        <asp:Button ID="Button6" runat="server" Text="尾页" CssClass="btn btn-sm btn-info" OnClick="Button6_Click" />
                        <asp:Label ID="Label1" runat="server" Text="Label">

                        </asp:Label>
                    </p>
                </div>
                <script><!--
    function subscribe_popup() {
        $.ajax({
            type: 'post',
            url: 'index.php?route=extension/module/mahardhi_newsletter/subscribepopup',
            dataType: 'html',
            data: $("#frmnewsletterpopup").serialize(),
            success: function (html) {
                try {
                    eval(html);
                }
                catch (e) {
                }
            }
        });
    }
//--></script>
                <script><!--
    // check for validation
    $(document).ready(function () {
        $('#newsletter_usr_popup_email').keypress(function (e) {
            if (e.which == 13) {
                e.preventDefault();
                subscribe_popup();
            }
        });

        //transition effect
        if ($.cookie("showpopup") != 1) {
            $('#newsletter-popup').modal('show');
        }
        $('#popup_dont_show_again').on('change', function () {
            if ($.cookie("showpopup") != 1) {
                $.cookie("showpopup", '1')
            } else {
                $.cookie("showpopup", '0')
            }
        });
    });
//--></script>
            </div>
        </div>
    </div>
    <script>
        $('#slideshow0').swiper({
            mode: 'horizontal',
            slidesPerView: 1,
            pagination: '.slideshow0',
            paginationClickable: true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            spaceBetween: 0,
            autoplay: 4000,
            autoplayDisableOnInteraction: true,
            loop: true
        });</script>

    <script>
        var index = 0;
        //效果
        function ChangeImg() {
            index++;
            var a = document.getElementsByClassName("img-slide");
            if (index >= a.length) index = 0;
            for (var i = 0; i < a.length; i++) {
                a[i].style.display = 'none';
            }
        }
        //设置定时器，每隔两秒切换一张图片
        setInterval(ChangeImg, 3000);
    </script>
</asp:Content>
